<template>
  <div>
    <el-table :data="tableData" stripe style="width: 100%;height: 500px">
      <el-table-column prop="pickDate" label="日期" width="100"/>
      <el-table-column prop="cityName" label="市" width="180"/>
      <el-table-column prop="tempMax" label="最高气温（C）" width="120"/>
      <el-table-column prop="tempMin" label="最低气温（C）" width="120"/>
      <el-table-column prop="windName" label="风力"/>
      <el-table-column prop="statusName" label="天气状态"/>
    </el-table>
  </div>
</template>

<script setup>
const props = defineProps({
  tableData: {type: Array, default: () => []},
});

</script>

<style lang="scss" scoped>
//:deep() thead {
//  tr {
//    .el-table__cell{
//      background-color: #212529;
//      color: #ffffff;
//    }
//  }
//}
//:deep() tbody {
//  .el-table__row--striped {
//    td {
//      background: rgba(0, 0, 0, 0.05) !important;
//    }
//  }
//}

</style>